<template>
  <a-table
    :columns="columns"
    :data-source="data"
    :pagination="false"
  />
</template>
<script>
const columns = [
  {
    title: '还款期数',
    dataIndex: 'order',
  },
  {
    title: '到期日',
    dataIndex: 'duedate',
  },
  {
    title: '本金 $',
    dataIndex: 'principal',
    ellipsis: true,
  },
  {
    title: '预计利息 $',
    dataIndex: 'interest',
    ellipsis: true,
  },
  {
    title: '滞纳金',
    dataIndex: 'late_fee',
    ellipsis: true,
  },
  {
    title: '手续费 $',
    dataIndex: 'charges',
    ellipsis: true,
  },
]

export default {
  data () {
    return {
      columns,
    }
  },

  props: {
    data: {
      type: Array,
      default: () => [],
    },
  },
}
</script>
